
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
    <div><input type="text">
     <button>添加</button>
    </div>
    <ul>
        <li>项目1</li>
        <li id="li2">项目2</li>
        <li>项目3</li>
    </ul>
</body>
<script src="../lib/jquery.min.js"></script>
<script>
    $(function(){
        //内部插入
        $("button").click(function(){
            var text=$("input").val()
             //内部插入
            //  $(`<li>${text}</li>`).appendTo("ul")
            //  $(`<li>${text}</li>`).prependTo("ul")
            
           //外部插入
           $(`<li>${text}</li>`).insertAfter("#li2")
        })
    });
</script>
</html>